$white-two:#f4f4f4;
$pinkish-grey: #bdbdbd;
$clear-blue: #1a98ff;
$black : #333333;
$colorPrimary: #419BF9;
$colorTextLight: #999;
$colorBorder: #DFDFDF;
$colorLabel: #999;
$tomato:#f12525;

.header-win,
.header-mac {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-app-region: drag;
}

.header-win {

    .icon-win-menu,
    .icon-win-hide,
    .icon-win-expand,
    .icon-win-close,
    .icon-win-open,
    .icon-win-shrink {
        position: absolute;
        cursor: pointer;
        top: 0;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        -webkit-app-region: no-drag;

        &:before {
            font-size: 20px;
            color: white;
        }

        &:hover {
            background-color: rgb(26, 31, 40);

            &:before {
                color: rgb(0, 157, 228);
            }
        }
    }

    .icon-win-menu {
        right: 160px;

        &:before {
            content: '\e605';
        }
    }

    .icon-win-hide {
        right: 120px;

        &:before {
            content: '\e657';
        }
    }

    .icon-win-expand {
        right: 80px;

        &:before {
            content: '\e655';
        }
    }

    .icon-win-close {
        right: 40px;

        &:before {
            content: '\e656';
        }
    }

    .icon-win-open {
        right: 0;

        &:before {
            content: '\e600';
        }
    }

    .icon-win-shrink {
        right: 0;

        &:before {
            content: '\e648';
        }
    }

    .icon-win-menu:hover {
        .header-menu-panel {
            visibility: visible;
            opacity: 1;
            z-index: 999;
        }
    }

    .header-menu-panel {
        position: absolute;
        width: 150px;
        height: 270px;
        top: 40px;
        right: -55px;
        visibility: hidden;
        z-index: -999;
        opacity: 0;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
        background-color: rgb(24, 32, 47);

        .menu-item {
            color: white;
            &:hover{
                background-color: rgb(0,157,228);
            }
        }
    }
}